<template>
    <span @click="handleOpen()">
        <el-badge :value="$store.state.msgsLen" :hidden="$store.state.msgsLen === 0?true:false" :max="99">
            <i class="el-icon-s-comment"></i>
        </el-badge>
        <el-dialog title="消息" fullscreen :visible.sync="box" width="100%" append-to-body>
            <msgs></msgs>
        </el-dialog>
    </span>
</template>

<script>
    // import {
    //     setStore
    // } from '@/util/store'
    // import {
    //     api
    // } from "@/api/common"
    import msgs from "@/page/msgs/index";
    export default {
        name: "top-msgs",
        components: {
            msgs
        },
        data() {
            return {
                box: false,
                msgsLen: 0
            };
        },
        created() {
            // this.get_msg_total()
            // window.setInterval(() => {
            //   window.setTimeout(this.get_msg_total(), 0)
            // }, 1000 * 60 * 2)
        },
        mounted() {},
        computed: {},
        props: [],
        methods: {
            handleOpen() {
                this.box = true;
            },
            // get_msg_total() {
            //   let _this = this
            //   _this.axios.post(msgs_api.get_msg_total).then((res) => {
            //     if(res.data.code == 10000){
            //       _this.msgsLen = res.data.data.total
            //       _this.$set(_this.$store.state, 'msgsLen', res.data.data.total)
            //       setStore({ name: 'msgsLen', content: res.data.data.total, type: 'session' })
            //       _this.$store.commit("SET_OBJ", { key: 'msgsLen', obj: res.data.data.total })
            //     }else{
            //       _this.msgsLen = 0
            //       _this.$set(_this.$store.state, 'msgsLen', 0)
            //       setStore({ name: 'msgsLen', content: 0, type: 'session' })
            //       _this.$store.commit("SET_OBJ", { key: 'msgsLen', obj: 0 })
            //       _this.$message({
            //         showClose: false,
            //         message: res.data.message,
            //         type: 'error'
            //       });
            //     }
            //   }).catch((err)=>{
            //     _this.msgsLen = 0
            //     _this.$set(_this.$store.state, 'msgsLen', 0)
            //     setStore({ name: 'msgsLen', content: 0, type: 'session' })
            //     _this.$store.commit("SET_OBJ", { key: 'msgsLen', obj: 0 })
            //     console.log('调用失败',err)
            //   })
            // }
        }
    };
</script>

<style lang="scss" scoped>
</style>
